<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/tiles2/common.jsp" %>
<article>
	<div class="region">
		<ul class="nav nav-tabs">
			<li class="active"><a href="#1" data-toggle="tab">경기</a></li>
			<li><a href="#2" data-toggle="tab">강원</a></li>
			<li><a href="#3" data-toggle="tab">충북</a></li>
			<li><a href="#4" data-toggle="tab">충남</a></li>
			<li><a href="#5" data-toggle="tab">경북</a></li>
			<li><a href="#6" data-toggle="tab">경남</a></li>
			<li><a href="#7" data-toggle="tab">전북</a></li>
			<li><a href="#8" data-toggle="tab">전남</a></li>
			<li><a href="#9" data-toggle="tab">제주</a></li>
		</ul>
		<div class="tab-content">					
			<div class="tab-pane fade in active">
				
			</div>
		</div> <!-- tab-content -->
	</div>
	
	
	<nav class="navbar navbar-default subnav" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1">
					<span class="icon-bar"></span><span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<span class="navbar-brand"><strong>강화군</strong></span>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">전체</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-heart"></span>&nbsp;커플전용</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-tree-deciduous"></span>&nbsp;가족</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-fire"></span>&nbsp;워크샵/MT</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp;독채형</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-asterisk"></span>&nbsp;스파</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="cate">
		<ul class="pagination pagination-sm">
			<li class="active"><a href="#">인기순</a></li>
			<li><a href="#">낮은 가격순</a></li>
			<li><a href="#">높은 가격순</a></li>
		</ul>
	</div>
	<div class="npension">		
		<div class="list-group">
			<c:forEach begin="1" end="10">
			<a href="" class="list-group-item" data-toggle="modal" data-target="#pensionmodal">
				<div class="media">
					<img class="media-object pull-left" src="http://placehold.it/150x100" alt="...">
					<div class="media-body">
						<div class="btn-group btn-group-xs fright">
							<p class="btn btn-info">바다</p>
							<p class="btn btn-info">계곡</p>
							<p class="btn btn-info">수영장</p>
						</div>
						<h4 class="media-heading">
							<strong>쁘쁘쁘쁘 펜션</strong>
							<small>인천 강화군 화도면 해안남로</small>
						</h4>						
						<hr />
						<p>
							커플룸<span class="num">4</span>&nbsp;
							패밀리룸<span class="num">2</span>&nbsp;
							그룹룸<span class="num">0</span>&nbsp;
							그랜드룸<span class="num">1</span>&nbsp;
						</p>
						<p>
							<span class="fs-medium">
								<span class="label label-warning picon fs-medium">주중</span>
								100,000원~&nbsp;
							</span>
							<span class="fs-medium">
								<span class="label label-danger picon fs-medium">주말</span>
								150,000원~
							</span>
						</p>
					</div>
				</div>
			</a>	
			</c:forEach>
		</div>
	</div>	
</article>
